@import '../common/icons.scss';
@import '../common/common.scss';

#group-nav{
    background: #fff;
    height:.44rem;
    line-height:.44rem;
    width:100%;
    overflow-x:scroll;
    position: relative;
    z-index: 99;
    >ul{
        height: 100%;
        white-space: nowrap;
        display: flex;
        >li{
            height: 100%;
            padding:0 .2rem;
            @include border(1px 0 1px 0,#eee);
            >a{
                height: 100%;
                display: block;
                color: #666;
            }
        }
        >.active{
            >a{
                color: $linkColor;
                border-bottom: 3px solid $linkColor;
            }
        }
    }
}
.group-list{
    height:calc(100% - .88rem);
    overflow-y: scroll;
    .group-item{
        margin-bottom: .08rem;
        background: #fff;
        &:last-child{margin-bottom: 0;}
        >a{
            display: block;
            height: 100%;
            width: 100%;
            position: relative;
            .goods-img{
                text-align: center;
                img{
                    height: 1.5rem;
                }
            }
            .goods-rate{
                font-size: 12px;
                padding: 4px 7px;
                border:1px solid #eee;
                border-left:0;
                position: absolute;
                left:0;
                top:46%;
                border-top-right-radius: 1rem;
                border-bottom-right-radius: 1rem;
                color: #666;
                background: rgba(251,251,251,.8);
            }
            .goods-title{
                font-size: 14px;
                margin-top:.1rem;
                text-align: center;
                color:#424242;
                span{
                    color:$linkColor;
                }
            }
            .goods-foot{
                display:flex;
                justify-content: space-between;
                align-items: center;
                padding:.12rem;
                .price{
                    display: flex;
                    flex-direction: column; 
                    color: $mainColor;
                    p{
                        .newPrice{
                            font-size: 18px;
                            color: $linkColor;
                        }
                        .oldPrice{
                            font-size: 12px;
                            padding-left: 4px;
                            text-decoration: line-through;
                        }
                    }
                    .onePrice{
                        font-size: 12px;
                    }
                }
                .buyNow{
                    display: block;
                    border-radius: .25rem;
                    background: $linkColor;
                    color: #fff;
                    padding:.04rem .2rem;
                }
            }
        }
    }
}